{{include file = "layouts/operation/header.tpl"}}

<style type="text/css">

.ly-plate{
    position:relative;
    width:365px;
    height:365px; 
}
.rotate-bg{
    width: 360px;
    height: 360px;
    background: url(/public/images/ly-plate.png);
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0%;
    background-size: 100%;
}
.ly-plate div.lottery-star{
    width: 200px;
    height: 200px;
    position: absolute;
    top: 75px;
    left: 75px;
    /*text-indent:-999em;
    overflow:hidden;
    background:url(rotate-static.png);
    -webkit-transform:rotate(0deg);*/
    outline:none
}
.ly-plate div.lottery-star #lotteryBtn{
    cursor: pointer;
    position: absolute;
    top:0;
    left:0;
    *left:-107px
}
</style>


<div class="jifencj">
    <div class="jifencj-adphoto">
        <div class="choujiang-lunpan">
            <div class="ly-plate">
                <div class="rotate-bg"></div>
                <div class="lottery-star"><img src="{{$smarty.const.WEBSITE_URL}}/public/images/rotate-static.png" id="lotteryBtn" ></div>
            </div>
            <span id="choujiang_msg"  class="choujianglunpan-i">{{$msg}}</span>
        </div>
    </div> 
    <div class="column1080">
         <div class="cj-c-l mt40">
            <div class="cj-c-l-i">
                <h4>Draw Conditions / Description</h4>
                <p>
                    1 / Invite a friend a number of more than 10 people with a single Taobao orders = 1 lucky draw, 100% winning. The more orders, the more opportunity to draw, the more raffle, the higher the prize winning rate!
                </p>
                <p>
                    2 / Buy quantity more than five orders only time in the August 1 to August 31, and the order amount of $ ≥5 rebate> 0.1 yuan, and is displayed in the Tesco network - my order Taobao orders lottery .
                </p>
            </div>
            <div class="cj-c-share">
                <h4>More chance of winning</h4>
                <div>
                    <span>Draw the following ways to increase the opportunity to invite a friend</span>
                    <a href="#"><img src="{{$smarty.const.WEBSITE_URL}}/public/images/emailicon.png"/></a>
                    <a href="#"><img src="{{$smarty.const.WEBSITE_URL}}/public/images/facebookicon.png"/></a>
                    <a href="#"><img src="{{$smarty.const.WEBSITE_URL}}/public/images/twittericon.png"/></a>
                </div>
                 <div style="margin-left:25px;">
                    <span>Shopping increase in lottery</span>
                    <p>Each shopping five times, increasing a lucky draw chance</p>
                </div>
            </div>
         </div>
         <div class="cj-c-r">
            <div class="cj-namelist">
                <p>List of winners<img src="{{$smarty.const.WEBSITE_URL}}/public/images/icon-d.png"></p>
                <ul>
                {{foreach from=$records key=id item=i}}
                    <li>{{$i->username}} earned {{$i->lottery_result}} points!</li>
                {{/foreach}}
                </ul>
            </div>
         </div>
    </div> 
</div> 


<script src="{{$smarty.const.WEBSITE_URL}}/public/js/jQueryRotate.2.2.js"></script>
<script src="{{$smarty.const.WEBSITE_URL}}/public/js/jquery.easing.min.js"></script>
<script src="{{$smarty.const.WEBSITE_URL}}/public/js/lottery.js"></script>

{{include file = "layouts/footer.tpl"}}